﻿

<!doctype html>
<html>

<head>
    <meta content="店掌柜、店掌柜跨境ERP、店掌柜跨境电商ERP、免费跨境电商ERP、码耘ERP、跨境ERP、免费跨境电商erp" name="keywords">
    <meta content="店掌柜，免费跨境电商ERP，wisherp、速卖通aliexpress、dhgate敦煌erp、ebayerp、amazon亚马逊erp、wish订单管理，wish产品采集，wish在线产品管理，wish多店铺管理，速卖通ERP，速卖通多店铺管理"
          name="description">
    <title>店掌柜跨境电商ERP_外贸电商ERP服务商</title>
    <meta name="baidu-site-verification" content="hQMiWxsdla" />
    <link rel="shortcut icon" href="//asset.mangoerp.com/img/icon/favicon.ico">
    <link rel="stylesheet" href="//asset.mangoerp.com/lib/ace-1.3.1/assets/css/??font-awesome.min.css,bootstrap.min.css,ace-skins.min.css,ace.css?t=20171016" />
    <link rel="stylesheet" href="//asset.mangoerp.com/lib/ace-1.3.1/assets/css/ace-fixed.css" />
    <link rel="stylesheet" href="//asset.mangoerp.com/lib/animate/animate.min.css?t=20180913" />
    <style>
        .stages {
            font-weight: 100;
            padding-top: 80px;
        }

        .animated.delay-500 {
            -webkit-animation-delay: .5s;
            animation-delay: .5s;
        }

        .animated.delay-1500 {
            -webkit-animation-delay: 1.5s;
            animation-delay: 1.5s;
        }

        .animated.delay-2500 {
            -webkit-animation-delay: 2.5s;
            animation-delay: 2.5s;
        }

        .stages .text1 {
            font-size: 64px;
            font-weight: 200;
            text-align: center;
            line-height: 1em;
        }

        .stages .text-en {
            font-family: initial;
        }

        .stage-banner {
            height: 876px;
            position: relative;
            overflow: hidden;
            background: url(//asset.mangoerp.com/img/index2/banner-bg.jpg) bottom center no-repeat #438eb9;
        }

            .stage-banner .container {
                height: 100%;
                position: relative;
                overflow: hidden;
            }

            .stage-banner .text1 {
                top: 111px;
                margin: 111px 0 0;
                color: #fff;
            }

            .stage-banner .text2 {
                margin-top: 22px;
                text-align: center;
                font-size: 28px;
                font-weight: 200;
                line-height: 1em;
                height: 1em;
                color: #fff;
            }

            .stage-banner .btn1 {
                top: 273px;
                left: 50%;
                margin-left: -105px;
                width: 210px;
                height: 60px;
                text-align: center;
                font-size: 32px;
                font-weight: 200;
                line-height: 1.7em;
                color: #fff;
                border: 1px solid #fff;
                border-radius: 32px;
                position: absolute;
                text-decoration: none;
            }

            .stage-banner .pc {
                position: absolute;
                width: 913px;
                height: 591px;
                background: url(//asset.mangoerp.com/img/index2/banner-pc.png) 0 0 no-repeat;
                bottom: -94px;
                left: 79px;
            }

            .stage-banner .phone {
                position: absolute;
                width: 201px;
                height: 385px;
                background: url(//asset.mangoerp.com/img/index2/banner-phone.png) 0 0 no-repeat;
                bottom: -57px;
                right: 55px;
                z-index: 1;
            }

            .stage-banner .banner-platform {
                width: 100%;
                height: 138px;
                position: absolute;
                bottom: 0;
                left: 50%;
                margin-left: -50%;
                z-index: 2;
            }

                .stage-banner .banner-platform::after {
                    content: '';
                    background-color: #163b3e;
                    opacity: .5;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                }

                .stage-banner .banner-platform table {
                    width: 1200px;
                    height: 100px;
                    margin: 20px auto 0;
                    position: relative;
                    z-index: 2;
                    border-right: 1px solid #abb8b9;
                    border-bottom: 1px solid #abb8b9;
                }

                    .stage-banner .banner-platform table td {
                        border-left: 1px solid #abb8b9;
                        border-top: 1px solid #abb8b9;
                    }

                .stage-banner .banner-platform a {
                    position: relative;
                    overflow: hidden;
                    text-indent: -9999px;
                    width: 132px;
                    height: 50px;
                    display: block;
                    background: url(//asset.mangoerp.com/img/index2/banner-platform.png) no-repeat;
                }

                .stage-banner .banner-platform table tr:nth-child(1) td:nth-child(1) a {
                    background-position: 9px 6px;
                }

                .stage-banner .banner-platform table tr:nth-child(1) td:nth-child(2) a {
                    background-position: -121px 6px;
                }

                .stage-banner .banner-platform table tr:nth-child(1) td:nth-child(3) a {
                    background-position: -243px 6px;
                }

                .stage-banner .banner-platform table tr:nth-child(1) td:nth-child(4) a {
                    background-position: -377px 6px;
                }

                .stage-banner .banner-platform table tr:nth-child(1) td:nth-child(5) a {
                    background-position: -500px 6px;
                }

                .stage-banner .banner-platform table tr:nth-child(1) td:nth-child(6) a {
                    background-position: -627px 6px;
                }

                .stage-banner .banner-platform table tr:nth-child(1) td:nth-child(7) a {
                    background-position: -757px 6px;
                }

                .stage-banner .banner-platform table tr:nth-child(1) td:nth-child(8) a {
                    background-position: -885px 6px;
                }

                .stage-banner .banner-platform table tr:nth-child(1) td:nth-child(9) a {
                    background-position: -1012px 6px;
                }

                .stage-banner .banner-platform table tr:nth-child(2) td:nth-child(1) a {
                    background-position: 9px -41px;
                }

                .stage-banner .banner-platform table tr:nth-child(2) td:nth-child(2) a {
                    background-position: -121px -41px;
                }

                .stage-banner .banner-platform table tr:nth-child(2) td:nth-child(3) a {
                    background-position: -243px -41px;
                }

                .stage-banner .banner-platform table tr:nth-child(2) td:nth-child(4) a {
                    background-position: -377px -41px;
                }

                .stage-banner .banner-platform table tr:nth-child(2) td:nth-child(5) a {
                    background-position: -500px -41px;
                }

                .stage-banner .banner-platform table tr:nth-child(2) td:nth-child(6) a {
                    background-position: -627px -41px;
                }

                .stage-banner .banner-platform table tr:nth-child(2) td:nth-child(7) a {
                    background-position: -757px -41px;
                }

                .stage-banner .banner-platform table tr:nth-child(2) td:nth-child(8) a {
                    background-position: -885px -41px;
                }

                .stage-banner .banner-platform table tr:nth-child(2) td:nth-child(9) a {
                    background-position: -1012px -41px;
                }

        .stage-erp {
            height: 831px;
            position: relative;
            background: url(//asset.mangoerp.com/img/index2/erp-bg.jpg) bottom center no-repeat #f8f8f8;
        }

            .stage-erp .container {
                height: 100%;
                position: relative;
                overflow: hidden;
            }

            .stage-erp .text1 {
                margin-top: 85px;
                margin-bottom: 0;
            }

            .stage-erp .text2 {
                font-size: 18px;
                margin-top: 22px;
                text-align: center;
                margin-bottom: 0;
                white-space: nowrap;
            }

            .stage-erp .text3 {
                position: absolute;
                margin: 0;
                list-style: none;
                width: 100%;
                top: 1px;
            }

                .stage-erp .text3 li {
                    font-size: 14px;
                    position: absolute;
                    margin: 0;
                }

                    .stage-erp .text3 li b {
                        font-size: 28px;
                        font-weight: 200;
                        margin-bottom: 4px;
                        display: block;
                    }

                    .stage-erp .text3 li:nth-child(1) {
                        top: 335px;
                        right: 757px;
                        text-align: right;
                    }

                    .stage-erp .text3 li:nth-child(2) {
                        top: 335px;
                        left: 720px;
                        text-align: left;
                    }

                    .stage-erp .text3 li:nth-child(3) {
                        top: 515px;
                        right: 824px;
                        text-align: right;
                    }

                    .stage-erp .text3 li:nth-child(4) {
                        top: 515px;
                        left: 780px;
                        text-align: left;
                    }

                    .stage-erp .text3 li:nth-child(5) {
                        top: 685px;
                        right: 748px;
                        text-align: right;
                    }

                    .stage-erp .text3 li:nth-child(6) {
                        top: 685px;
                        left: 712px;
                        text-align: left;
                    }

            .stage-erp .text4 {
                font-size: 18px;
                position: absolute;
                margin: 0 0 0 -59px;
                text-align: center;
                top: 480px;
                left: 50%;
                color: #4f9fb8;
                width: 118px;
            }

                .stage-erp .text4 b {
                    font-size: 52px;
                    font-weight: 200;
                    margin-bottom: 6px;
                    display: block;
                    line-height: 1em;
                }

            .stage-erp .ring {
                border: 47px solid #e9e9e9;
                width: 356px;
                height: 356px;
                position: absolute;
                top: 372px;
                left: 50%;
                margin: 0 0 0 -178px;
                list-style: none;
                border-radius: 50%;
            }

                .stage-erp .ring li {
                    width: 94px;
                    height: 94px;
                    background: #f8f8f8;
                    border: 4px solid #f8f8f8;
                    border-radius: 50%;
                    position: absolute;
                }

                    .stage-erp .ring li i {
                        background: url(//asset.mangoerp.com/img/index2/erp-icon.png) no-repeat;
                        display: block;
                        width: 100%;
                        height: 100%;
                    }

                    .stage-erp .ring li:nth-child(1) {
                        top: 5%;
                        left: 14%;
                        margin: -47px 0 0 -47px;
                    }

                    .stage-erp .ring li:nth-child(2) {
                        top: 5%;
                        right: 14%;
                        margin: -47px -47px 0 0;
                    }

                    .stage-erp .ring li:nth-child(3) {
                        top: 50%;
                        left: -9%;
                        margin: -47px 0 0 -47px;
                    }

                    .stage-erp .ring li:nth-child(4) {
                        top: 50%;
                        right: -9%;
                        margin: -47px -47px 0 0;
                    }

                    .stage-erp .ring li:nth-child(5) {
                        top: 95%;
                        left: 14%;
                        margin: -47px 0 0 -47px;
                    }

                    .stage-erp .ring li:nth-child(6) {
                        top: 95%;
                        right: 14%;
                        margin: -47px -47px 0 0;
                    }

                    .stage-erp .ring li:nth-child(1) i {
                        background-position: -148px center;
                    }

                    .stage-erp .ring li:nth-child(2) i {
                        background-position: -310px center;
                    }

                    .stage-erp .ring li:nth-child(3) i {
                        background-position: 12px center;
                    }

                    .stage-erp .ring li:nth-child(4) i {
                        background-position: -390px center;
                    }

                    .stage-erp .ring li:nth-child(5) i {
                        background-position: -68px center;
                    }

                    .stage-erp .ring li:nth-child(6) i {
                        background-position: -229px center;
                    }

        .stage-scale {
            background: url(//asset.mangoerp.com/img/index2/scale-bg2.jpg?20181130) center center no-repeat;
            height: 679px;
            position: relative;
        }

            .stage-scale .container {
                height: 100%;
            }

            .stage-scale .text1 {
                margin-top: 85px;
                margin-bottom: 0;
                color: #fff;
            }

            .stage-scale .text2 {
                font-size: 18px;
                margin-top: 28px;
                text-align: center;
                margin-bottom: 0;
                color: #fff;
            }

            .stage-scale dl {
                margin: 245px auto 0;
                list-style: none;
                position: relative;
                width: 90%;
                height: 1px;
            }

                .stage-scale dl dt {
                    width: 100%;
                    height: 1px;
                    position: relative;
                    background-color: #fff;
                    left: 0%;
                }

                    .stage-scale dl dt i {
                        position: absolute;
                        top: 50%;
                        width: 20px;
                        height: 20px;
                        border-radius: 50%;
                        border: 1px solid #fff;
                        color: #fff;
                        text-align: center;
                        margin-top: -10px;
                    }

                        .stage-scale dl dt i.i1 {
                            right: 100%;
                        }

                        .stage-scale dl dt i.i2 {
                            left: 100%;
                        }

                .stage-scale dl dd {
                    width: 300px;
                    height: 110px;
                    border: 1px solid #fff;
                    position: absolute;
                }

                    .stage-scale dl dd:nth-child(1) {
                        bottom: 38px;
                        left: 20%;
                        margin-left: -150px;
                    }

                    .stage-scale dl dd:nth-child(2) {
                        top: 38px;
                        left: 40%;
                        margin-left: -150px;
                    }

                    .stage-scale dl dd:nth-child(3) {
                        bottom: 38px;
                        left: 60%;
                        margin-left: -150px;
                    }

                    .stage-scale dl dd:nth-child(4) {
                        top: 38px;
                        left: 80%;
                        margin-left: -150px;
                    }

                    .stage-scale dl dd::after {
                        content: '';
                        width: 10px;
                        height: 10px;
                        background: #fff;
                        position: absolute;
                        left: 50%;
                        bottom: -5px;
                        transform: rotate(45deg);
                        margin-left: -5px;
                    }

                    .stage-scale dl dd::before {
                        content: '';
                        width: 10px;
                        height: 10px;
                        background: #fff;
                        position: absolute;
                        left: 50%;
                        bottom: -44px;
                        margin-left: -5px;
                        border-radius: 50%;
                    }

                    .stage-scale dl dd p {
                        font-size: 14px;
                        height: 48px;
                        line-height: 48px;
                        padding-left: 18px;
                        color: #fff;
                        position: absolute;
                        left: 0;
                        width: 100%;
                        top: 0;
                        margin: 0;
                    }

                    .stage-scale dl dd div {
                        font-size: 50px;
                        color: #4a93c0;
                        text-align: center;
                        height: 58px;
                        line-height: 58px;
                        background: #fff;
                        position: absolute;
                        left: 0;
                        width: 100%;
                        bottom: 0;
                        font-family: initial;
                        font-weight: 400;
                    }

                    .stage-scale dl dd:nth-child(2n) p {
                        top: auto;
                        bottom: 0;
                    }

                    .stage-scale dl dd:nth-child(2n) div {
                        bottom: auto;
                        top: 0;
                    }

                    .stage-scale dl dd:nth-child(2n)::after {
                        top: -5px;
                        bottom: auto;
                    }

                    .stage-scale dl dd:nth-child(2n)::before {
                        top: -44px;
                        bottom: auto;
                    }

        .stage-func1 {
            background: #fff;
            height: 830px;
            position: relative;
        }

            .stage-func1 .container {
                height: 100%;
            }

            .stage-func1 .text1 {
                margin-top: 85px;
                margin-bottom: 0;
                padding-left: 70px;
                position: relative;
            }

                .stage-func1 .text1 strong {
                    font-size: 123px;
                    position: absolute;
                    font-weight: 200;
                    bottom: -11px;
                    line-height: 1em;
                    margin-left: -70px;
                    background: linear-gradient(to right,#fe7b15,#fdad48);
                    -webkit-background-clip: text;
                    color: transparent;
                }

            .stage-func1 .text2 {
                font-size: 48px;
                margin-top: 22px;
                text-align: center;
                margin-bottom: 50px;
            }

            .stage-func1 ul {
                list-style: none;
            }

                .stage-func1 ul li {
                    text-align: center;
                    margin-bottom: 20px;
                }

                    .stage-func1 ul li p {
                        display: block;
                        font-size: 28px;
                        margin-bottom: 14px;
                        line-height: 1em;
                        font-weight: 200;
                    }

                    .stage-func1 ul li div {
                        font-size: 20px;
                    }

                    .stage-func1 ul li i {
                        display: block;
                        width: 150px;
                        height: 132px;
                        margin: 0 auto 20px;
                        background: url(//asset.mangoerp.com/img/index2/func1-icon2.png?t=20181130) no-repeat;
                    }

                    .stage-func1 ul li:nth-child(1) i {
                        background-position: -24px 0;
                    }

                    .stage-func1 ul li:nth-child(2) i {
                        background-position: -310px 0;
                    }

                    .stage-func1 ul li:nth-child(3) i {
                        background-position: -600px 0;
                    }

                    .stage-func1 ul li:nth-child(4) i {
                        background-position: -890px 0;
                    }

                    .stage-func1 ul li:nth-child(5) i {
                        background-position: -24px -141px;
                    }

                    .stage-func1 ul li:nth-child(6) i {
                        background-position: -310px -141px;
                    }

                    .stage-func1 ul li:nth-child(7) i {
                        background-position: -600px -141px;
                    }

                    .stage-func1 ul li:nth-child(8) i {
                        background-position: -890px -141px;
                    }

        .stage-func2 {
            background: url(//asset.mangoerp.com/img/index2/func2-bg.jpg) center center no-repeat;
            height: 2244px;
            position: relative;
        }

            .stage-func2 .container {
                height: 100%;
            }

            .stage-func2 .text1 {
                margin-top: 85px;
                margin-bottom: 0;
                color: #fff;
                line-height: 1.2em;
            }

            .stage-func2 .text2 {
                font-size: 28px;
                margin-top: 54px;
                text-align: center;
                margin-bottom: 54px;
                color: #fff;
                position: relative;
            }

                .stage-func2 .text2 i {
                    width: 7px;
                    height: 7px;
                    border-radius: 50%;
                    background: #fff;
                    position: absolute;
                    top: 50%;
                    margin-top: -3px;
                }

                    .stage-func2 .text2 i::after {
                        content: '';
                        width: 117px;
                        height: 1px;
                        top: 50%;
                        position: absolute;
                        background: #d1e8f4;
                    }

                    .stage-func2 .text2 i.i1 {
                        margin-left: -27px;
                    }

                        .stage-func2 .text2 i.i1::after {
                            right: 27px;
                        }

                    .stage-func2 .text2 i.i2 {
                        margin-left: 20px;
                    }

                        .stage-func2 .text2 i.i2::after {
                            left: 27px;
                        }

            .stage-func2 ul {
                list-style: none;
            }

                .stage-func2 ul li {
                    text-align: center;
                    margin-bottom: 20px;
                }

                    .stage-func2 ul li p {
                        display: block;
                        font-size: 20px;
                        margin-bottom: 14px;
                        line-height: 1.15em;
                        height: 20px;
                        color: #fff;
                    }

                    .stage-func2 ul li i {
                        display: block;
                        width: 85px;
                        height: 85px;
                        margin: 0 auto 20px;
                        background: url(//asset.mangoerp.com/img/index2/func2-icon.png) no-repeat;
                    }

                .stage-func2 ul.ul1 li i {
                    background-position-y: -9px;
                }

                .stage-func2 ul.ul2 li i {
                    background-position-y: -108px;
                }

                .stage-func2 ul.ul3 li i {
                    background-position-y: -201px;
                }

                .stage-func2 ul.ul4 li i {
                    background-position-y: -300px;
                }

                .stage-func2 ul.ul5 li i {
                    background-position-y: -394px;
                }

                .stage-func2 ul.ul6 li i {
                    background-position-y: -486px;
                }

                .stage-func2 ul.ul7 li i {
                    background-position-y: -573px;
                }

                .stage-func2 ul.ul8 li i {
                    background-position-y: -668px;
                }

                .stage-func2 ul.ul9 li i {
                    background-position-y: -757px;
                }

                .stage-func2 ul li:nth-child(1) i {
                    background-position-x: -12px;
                }

                .stage-func2 ul li:nth-child(2) i {
                    background-position-x: -205px;
                }

                .stage-func2 ul li:nth-child(3) i {
                    background-position-x: -394px;
                }

                .stage-func2 ul li:nth-child(4) i {
                    background-position-x: -587px;
                }

                .stage-func2 ul li:nth-child(5) i {
                    background-position-x: -776px;
                }

                .stage-func2 ul li:nth-child(6) i {
                    background-position-x: -966px;
                }

        .stage-partner {
            height: 428px;
            position: relative;
            background: #e1ecf5;
        }

            .stage-partner .container {
                height: 100%;
                position: relative;
                overflow: hidden;
            }

            .stage-partner .text1 {
                margin-top: 64px;
                margin-bottom: 64px;
            }

            .stage-partner .list-inline li {
                width: 12.1%;
                height: 40px;
                margin-right: 0;
            }

                .stage-partner .list-inline li a {
                    width: 140px;
                    height: 40px;
                    display: block;
                    text-indent: -9999px;
                    position: relative;
                    overflow: hidden;
                    background: url(//asset.mangoerp.com/img/index2/partner.png?20181116) no-repeat;
                }

            .stage-partner .list-inline.ul1 li a {
                background-position-y: -5px;
            }

            .stage-partner .list-inline.ul2 li a {
                background-position-y: -55px;
            }

            .stage-partner .list-inline.ul3 li a {
                background-position-y: -110px;
            }

            .stage-partner .list-inline li:nth-child(1) a {
                background-position-x: 0;
            }

            .stage-partner .list-inline li:nth-child(2) a {
                background-position-x: -140px;
            }

            .stage-partner .list-inline li:nth-child(3) a {
                background-position-x: -280px;
            }

            .stage-partner .list-inline li:nth-child(4) a {
                background-position-x: -420px;
            }

            .stage-partner .list-inline li:nth-child(5) a {
                background-position-x: -560px;
            }

            .stage-partner .list-inline li:nth-child(6) a {
                background-position-x: -700px;
            }

            .stage-partner .list-inline li:nth-child(7) a {
                background-position-x: -840px;
            }

            .stage-partner .list-inline li:nth-child(8) a {
                background-position-x: -980px;
            }

        .fixed-right {
            position: fixed;
            right: 0;
            top: 200px;
        }

            .fixed-right .tools-item {
                width: 54px;
                height: 54px;
                display: block;
                margin-bottom: 3px;
                border-radius: 4px;
                background: url(//asset.mangoerp.com/img/index1/index1-icons4.png) 0 0 no-repeat #7f7f7f;
                position: relative;
                opacity: .4;
            }

                .fixed-right .tools-item span {
                    display: none;
                }

                .fixed-right .tools-item:hover {
                    opacity: 1;
                }

                    .fixed-right .tools-item:hover span {
                        position: absolute;
                        min-width: 54px;
                        height: 40px;
                        line-height: 40px;
                        color: #fff;
                        right: 100%;
                        margin-right: 10px;
                        background: #7f7f7f;
                        border-radius: 4px;
                        padding: 0 10px;
                        white-space: nowrap;
                        top: 6px;
                        display: block;
                    }

                .fixed-right .tools-item span::after {
                    width: 8px;
                    height: 8px;
                    background: #7f7f7f;
                    position: absolute;
                    content: '';
                    right: -4px;
                    top: 15px;
                    transform: rotate(45deg);
                }

                .fixed-right .tools-item.qq {
                    background-position: 11px 11px;
                }

                .fixed-right .tools-item.mail {
                    background-position: 11px -48px;
                }

                .fixed-right .tools-item.tel {
                    background-position: 11px -102px;
                }

                .fixed-right .tools-item.top {
                    background-position: 11px -160px;
                }

        #footer-index {
            padding-top: 64px;
            background: #2a3139;
            color: #778495;
        }

            #footer-index .title {
                position: absolute;
                font-size: 14px;
                top: -30px;
            }

            #footer-index .qrcode {
                border: 1px solid #778495;
                padding: 5px;
            }

        html, body {
            min-width: 1200px !important;
        }

        .container {
            min-width: 1170px !important;
        }
    </style>
</head>

<body class="no-skin skin-3">



    <style>
        #navbar {
            min-height: 85px !important;
        }

        #footer {
            padding: 70px 0 150px;
            background: #f8f8f8;
            color: #7d7d7d;
            font-size: 12px;
        }

        .skin-3 .navbar {
            background: #fff;
            height: 85px;
            border-bottom: 1px solid #f2f2f2;
        }

        .skin-3 .navbar-container {
            margin-top: 20px;
        }

        .skin-3 .navbar-menu .list-inline {
            font-size: 14px;
            margin-top: 18px;
            padding-left: 64px;
        }

            .skin-3 .navbar-menu .list-inline li {
                padding-left: 20px;
                padding-right: 20px;
            }

        .skin-3 .navbar,
        .skin-3 .navbar a {
            color: #7d7d7d;
            font-size: 14px;
        }

            .skin-3 .navbar a:hover,
            .skin-3 .navbar a.active {
                color: #438eb9;
            }

        .skin-3 .pull-right .list-inline {
            margin-top: 14px;
        }

            .skin-3 .pull-right .list-inline span {
                padding: 0 5px 0 15px;
                color: #cecece;
            }

        .skin-3 .pull-right .btn-sm.active {
            color: #fff;
            background-color: #438eb9;
            border-color: #438eb9;
            padding: 7px 21px;
        }

        .skin-3 .nav-login {
            font-size: 14px;
            top: -7px;
            position: relative;
            margin-left: 30px;
        }

        .skin-3 .navbar-logo {
            text-decoration: none;
        }

            .skin-3 .navbar-logo img {
                padding-right: 15px;
                margin-right: 10px;
                border-right: 1px solid #cbcbcb;
            }
    </style>
    <div class="navbar navbar-fixed-top" id="navbar">
        <div class="navbar-container container" id="navbar-container">
            <div class="navbar-header pull-left">
                <h1 style="display:inline;">
                    <a href="/" class="navbar-logo" title="首页">
                        <img src="/Areas/Admin/Content/images/logo.jpg" width="152" alt="logo" />
                    </a>
                </h1>
            </div>
            <!-- /.navbar-header -->
            <div class="pull-right nav-login">
                <!-- 如果登录 -->
                <!-- 如果未登录 -->

                <ul class="list-inline">
                    <li>
                        <a href="/Admin/Login/Index" rel="nofollow" class="btn btn-sm active">会员登录</a>
                        <span>|</span>
                    </li>

                    <li>
                        <a href="#" rel="nofollow">免费注册</a>
                    </li>
                </ul>

            </div>
            <nav role="navigation" class="navbar-menu pull-right collapse navbar-collapse">
                <ul class="list-inline">
                    <li>
                        <a href="/" class="active">首页</a>
                    </li>
                    <li>
                        <a href="#" rel="nofollow">免费使用</a>
                    </li>

                    <li>
                        <a href="#">帮助中心</a>
                    </li>

                    <li>
                        <a href="/ap-oa/public/school/lesson/2/1" target="_blank">芒果课堂</a>
                    </li>
                    <!-- <li>
                                    <a href="/help/partner">合作伙伴</a>
                                </li> -->
                    <!-- <li><a href="/help/vip">VIP服务</a></li> -->
                </ul>
            </nav>

            <!-- /.navbar-header -->
        </div>
        <!-- /.container -->
    </div>
    <div class="stages">
        <div class="stage-banner">
            <div class="container">
                <div class="text1 animated fadeIn">店掌柜&nbsp;&nbsp;让跨境生意更简单</div>
                <p class="text2 animated fadeIn">多平台多网店集成化运营ERP&nbsp;&nbsp;引领跨境电商智能化时代</p>
                <a href="/ae" class="btn1 animated pulse delay-500" data-animate-class="pulse" data-animate-delay="delay-500"
                   data-animate="hover" rel="nofollow">


                    立即登录

                </a>
                <div class="pc animated fadeIn delay-500"></div>
                <div class="phone animated bounceInRight delay-1s"></div>
            </div>
            <div class="banner-platform animated slideInUp delay-1s">
                <table>
                    <tr>
                        <td>
                            <a href="javascript:void(0);" title="ALIExpress" class="animated flipInY"
                               data-animate-class="flipInY" data-animate="hover">ALIExpress</a>
                        </td>
                        <td>
                            <a href="javascript:void(0);" title="Wish" class="animated flipInY" data-animate-class="flipInY"
                               data-animate="hover">Wish</a>
                        </td>
                        <td>
                            <a href="javascript:void(0);" title="amazon.com" class="animated flipInY"
                               data-animate-class="flipInY" data-animate="hover">amazon.com</a>
                        </td>
                        <td>
                            <a href="javascript:void(0);" title="ebay" class="animated flipInY" data-animate-class="flipInY"
                               data-animate="hover">ebay</a>
                        </td>
                        <td>
                            <a href="javascript:void(0);" title="LAZADA" class="animated flipInY" data-animate-class="flipInY"
                               data-animate="hover">LAZADA</a>
                        </td>
                        <td>
                            <a href="javascript:void(0);" title="DHGate.com" class="animated flipInY"
                               data-animate-class="flipInY" data-animate="hover">DHGate.com</a>
                        </td>
                        <td>
                            <a href="javascript:void(0);" title="Payoneer" class="animated flipInY" data-animate-class="flipInY"
                               data-animate="hover">Payoneer</a>
                        </td>
                        <td>
                            <a href="javascript:void(0);" title="Cdiscount" class="animated flipInY" data-animate-class="flipInY"
                               data-animate="hover">Cdiscount</a>
                        </td>
                        <td>
                            <a href="javascript:void(0);" title="Shopee" class="animated flipInY" data-animate-class="flipInY"
                               data-animate="hover">Shopee</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <a href="javascript:void(0);" title="TOPHATTER" class="animated flipInY" data-animate-class="flipInY"
                               data-animate="hover">TOPHATTER</a>
                        </td>
                        <td>
                            <a href="javascript:void(0);" title="JOOM" class="animated flipInY" data-animate-class="flipInY"
                               data-animate="hover">JOOM</a>
                        </td>
                        <td>
                            <a href="javascript:void(0);" title="Factorymarket" class="animated flipInY"
                               data-animate-class="flipInY" data-animate="hover">Factorymarket</a>
                        </td>
                        <td>
                            <a href="javascript:void(0);" title="eabuy" class="animated flipInY" data-animate-class="flipInY"
                               data-animate="hover">eabuy</a>
                        </td>
                        <td>
                            <a href="javascript:void(0);" title="Walmart" class="animated flipInY" data-animate-class="flipInY"
                               data-animate="hover">Walmart</a>
                        </td>
                        <td>
                            <a href="javascript:void(0);" title="Woocommerce" class="animated flipInY"
                               data-animate-class="flipInY" data-animate="hover">Woocommerce</a>
                        </td>
                        <td>
                            <a href="javascript:void(0);" title="vova" class="animated flipInY" data-animate-class="flipInY"
                               data-animate="hover">vova</a>
                        </td>
                        <td>
                            <a href="javascript:void(0);" title="Shopify" class="animated flipInY" data-animate-class="flipInY"
                               data-animate="hover">Shopify</a>
                        </td>
                        <td>
                            <a href="javascript:void(0);" title="Magento" class="animated flipInY" data-animate-class="flipInY"
                               data-animate="hover">Magento</a>
                        </td>
                    </tr>
                </table>
            </div>
        </div>

        <div class="stage-erp">
            <div class="container stage-lazy">
                <div class="text1 animated fadeIn">集成化<a href="https://www.mangoerp.com/">跨境电商运营<span class="text-en">ERP</span></a></div>
                <p class="text2 animated fadeIn">
                    2014年，“店掌柜”率先推出SAAS模式的跨境电商ERP平台，先后服务了超过25万全球电商卖家。平台与20余家顶级电商平台实现无<br>缝对接，支持300多家物流公司API接口，日处理订单超250万。“店掌柜”深度打通电商平台、物流仓储与商家，通过电商大数据和云技术，提供<br>优质货源、物流对接、仓库管理以及智能化网店运营等多维度服务，旨在为中国电商卖家提供一站式网店运营管理服务。
                </p>
                <ul class="text3">
                    <li class="animated fadeInLeft delay-1s">
                        <b>6年</b>
                        中国最早的标准化跨境电商ERP<br>
                        之一，6年锤炼，日臻成熟
                    </li>
                    <li class="animated fadeInRight  delay-1s">
                        <b>标准化</b>
                        以业务为核心的精简运营流程，<br>
                        标准化作业操作，轻松上手
                    </li>
                    <li class="animated fadeInLeft delay-1500">
                        <b>10分钟</b>
                        10分钟快速响应用户需求，1小时<br>
                        技术在线解决后台问题
                    </li>
                    <li class="animated fadeInRight  delay-1500">
                        <b>全流程</b>
                        覆盖从采购到签收跨境电商全环<br>
                        节， 真正实现一站式网店运营
                    </li>
                    <li class="animated fadeInLeft delay-2s">
                        <b>集成化</b>
                        多平台多店铺集成化电商<br>
                        管理，9倍提升运营效率
                    </li>
                    <li class="animated fadeInRight  delay-2s">
                        <b>25万+</b>
                        成立近6年， 先后服务了超过25<br>
                        万全球电商卖家，口碑俱佳
                    </li>
                </ul>
                <p class="text4 animated zoomIn  delay-1s">
                    <b>
                        芒果<br>
                        店长
                    </b>
                    集成 高效 简单
                </p>
                <ul class="ring animated rotateIn  delay-1s">
                    <li>
                        <i class="animated tada delay-1500" data-animate-class="tada" data-animate-delay="delay-1500"
                           data-animate="hover"></i>
                    </li>
                    <li>
                        <i class="animated tada delay-1500" data-animate-class="tada" data-animate-delay="delay-1500"
                           data-animate="hover"></i>
                    </li>
                    <li>
                        <i class="animated tada delay-1500" data-animate-class="tada" data-animate-delay="delay-1500"
                           data-animate="hover"></i>
                    </li>
                    <li>
                        <i class="animated tada delay-1500" data-animate-class="tada" data-animate-delay="delay-1500"
                           data-animate="hover"></i>
                    </li>
                    <li>
                        <i class="animated tada delay-1500" data-animate-class="tada" data-animate-delay="delay-1500"
                           data-animate="hover"></i>
                    </li>
                    <li>
                        <i class="animated tada delay-1500" data-animate-class="tada" data-animate-delay="delay-1500"
                           data-animate="hover"></i>
                    </li>
                </ul>
            </div>
        </div>
        <div class="stage-scale">
            <div class="container stage-lazy">
                <div class="text1 animated fadeIn delay-500">领跑行业的服务规模</div>
                <p class="text2 animated fadeIn delay-500">超25万跨境电商卖家选择店掌柜 </p>
                <dl>

                    <dd class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                        data-animate="hover">
                        <p>- 无缝对接全球顶级电商平台</p>
                        <div>21+</div>
                    </dd>
                    <dd class="animated flipInY delay-1500" data-animate-class="flipInY" data-animate-delay="delay-1500"
                        data-animate="hover">
                        <p>- 支持超过300家物流自动获取订单</p>
                        <div>300+</div>
                    </dd>
                    <dd class="animated flipInY delay-2s" data-animate-class="flipInY" data-animate-delay="delay-2s"
                        data-animate="hover">
                        <p>- 超25万跨境电商卖家选择店掌柜</p>
                        <div>250000+</div>
                    </dd>
                    <dd class="animated flipInY delay-2500" data-animate-class="flipInY" data-animate-delay="delay-2500"
                        data-animate="hover">
                        <p>- 店掌柜日均处理订单数高达250万</p>
                        <div>2500000+</div>
                    </dd>
                    <dt class="animated zoomIn">
                        <i class="i1 animated flipInX delay-1s">
                            <span class="fa fa-arrow-left"></span>
                        </i>
                        <i class="i2 animated flipInX delay-1s">
                            <span class="fa fa-arrow-right"></span>
                        </i>
                    </dt>
                </dl>
            </div>
        </div>
        <div class="stage-func1">
            <div class="container stage-lazy">
                <div class="text1 animated fadeIn delay-500"><strong>8</strong>大核心功能</div>
                <p class="text2 animated fadeIn delay-500">成就智能化电商运营</p>
                <ul class="row animated fadeIn delay-1s">
                    <li class="col-xs-3">
                        <i class="animated tada delay-1500" data-animate-class="tada" data-animate-delay="delay-1500"
                           data-animate="hover"></i>
                        <p>订单管理</p>
                        <div>标准化订单集成管理</div>
                    </li>
                    <li class="col-xs-3">
                        <i class="animated tada delay-1500" data-animate-class="tada" data-animate-delay="delay-1500"
                           data-animate="hover"></i>
                        <p>库存管理</p>
                        <div>多平台库存统一管理</div>
                    </li>
                    <li class="col-xs-3">
                        <i class="animated tada delay-1500" data-animate-class="tada" data-animate-delay="delay-1500"
                           data-animate="hover"></i>
                        <p>产品刊登</p>
                        <div>主流平台一键批量刊登</div>
                    </li>
                    <li class="col-xs-3">
                        <i class="animated tada delay-1500" data-animate-class="tada" data-animate-delay="delay-1500"
                           data-animate="hover"></i>
                        <p>数据报表</p>
                        <div>网店数据精准分析</div>
                    </li>
                    <li class="col-xs-3">
                        <i class="animated tada delay-1500" data-animate-class="tada" data-animate-delay="delay-1500"
                           data-animate="hover"></i>
                        <p>物流管理</p>
                        <div>支持300+物流公司</div>
                    </li>
                    <li class="col-xs-3">
                        <i class="animated tada delay-1500" data-animate-class="tada" data-animate-delay="delay-1500"
                           data-animate="hover"></i>
                        <p>采购管理</p>
                        <div>智能采购系统</div>
                    </li>
                    <li class="col-xs-3">
                        <i class="animated tada delay-1500" data-animate-class="tada" data-animate-delay="delay-1500"
                           data-animate="hover"></i>
                        <p>客服管理</p>
                        <div>客服服务一站管理</div>
                    </li>
                    <li class="col-xs-3">
                        <i class="animated tada delay-1500" data-animate-class="tada" data-animate-delay="delay-1500"
                           data-animate="hover"></i>
                        <p>邮件营销 </p>
                        <div>1对1商业邮件群发</div>
                    </li>
                </ul>
            </div>
        </div>

        <div class="stage-func2">
            <div class="container stage-lazy">
                <div class="text1 animated fadeIn delay-500">
                    集成化功能<br>
                    全流程运营
                </div>
                <p class="text2 animated fadeIn delay-500">
                    <i class="i1"></i>
                    运营集成化
                    <i class="i2"></i>
                </p>
                <ul class="row ul1">
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP打包发货"></i>
                        <p>打包发货</p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP操作日志"></i>
                        <p>操作日志</p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP自动包裹规则"></i>
                        <p>自动包裹规则</p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP扫描枪发货"></i>
                        <p>扫描枪发货</p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP扫描枪打印"></i>
                        <p>扫描枪打印</p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP采集插件"></i>
                        <p>采集插件</p>
                    </li>
                </ul>
                <ul class="row ul2">
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP产品搬家"></i>
                        <p>产品搬家</p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP模板产品"></i>
                        <p>模板产品</p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP产品刊登"></i>
                        <p>产品刊登</p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP定时发布"></i>
                        <p>定时发布</p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP一键翻译"></i>
                        <p>一键翻译</p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP图片美化"></i>
                        <p>图片美化</p>
                    </li>
                </ul>
                <ul class="row ul3">
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP仿品检测"></i>
                        <p>仿品检测</p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP批量编辑"></i>
                        <p>批量编辑</p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP速卖通站内信管理"></i>
                        <p>
                            速卖通站<br>
                            内信管理
                        </p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP速卖通纠纷管理"></i>
                        <p>
                            速卖通<br>
                            纠纷管理
                        </p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP速卖通活动管理"></i>
                        <p>
                            速卖通营销<br>
                            活动管理
                        </p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP wish tickets回复"></i>
                        <p>
                            wish tickets<br>
                            回复
                        </p>
                    </li>
                </ul>
                <ul class="row ul4">
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP广告管理"></i>
                        <p>
                            wish pb<br>
                            广告管理
                        </p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP wish罚款"></i>
                        <p>wish罚款</p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP ebay评价管理"></i>
                        <p>
                            ebay<br>
                            评价管理
                        </p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP纠纷管理"></i>
                        <p>
                            ebay<br>
                            纠纷管理
                        </p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP黑名单"></i>
                        <p>黑名单</p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP权限管理"></i>
                        <p>权限管理</p>
                    </li>
                </ul>
                <p class="text2 animated fadeIn delay-1s">
                    <i class="i1"></i>
                    管理集成化
                    <i class="i2"></i>
                </p>
                <ul class="row ul5">
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP 1688采购"></i>
                        <p>1688采购</p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP商品配对"></i>
                        <p>商品配对</p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP自动生成库位"></i>
                        <p>
                            自动生<br>
                            成库位
                        </p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP出入库管理"></i>
                        <p>出入库管理</p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP库存盘点"></i>
                        <p>库存盘点</p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP wish海外仓库存管理"></i>
                        <p>
                            wish海外仓<br>
                            库存管理
                        </p>
                    </li>
                </ul>
                <ul class="row ul6">
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP物流管理"></i>
                        <p>物流管理</p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP运费预估"></i>
                        <p>运费预估</p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP物流追踪"></i>
                        <p>物流追踪</p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP wish未上网提醒"></i>
                        <p>
                            wish未上网<br>
                            邮件提醒
                        </p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP自动物流规则"></i>
                        <p>
                            自动物流<br>
                            规则
                        </p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP订单统计"></i>
                        <p>订单统计</p>
                    </li>
                </ul>
                <ul class="row ul7">
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP客户统计"></i>
                        <p>客户统计</p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP产品统计"></i>
                        <p>产品统计</p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP利润统计"></i>
                        <p>利润统计</p>
                    </li>
                </ul>
                <p class="text2 animated fadeIn delay-1s">
                    <i class="i1"></i>
                    智能化处理
                    <i class="i2"></i>
                </p>
                <ul class="row ul8">
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP自动留言"></i>
                        <p>
                            多平台发货<br>
                            自动留言
                        </p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP速卖通下单自动留言"></i>
                        <p>
                            速卖通下单<br>
                            自动留言
                        </p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP速卖通订单自动催付"></i>
                        <p>
                            速卖通订单<br>
                            自动催付
                        </p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP速卖通自动评价"></i>
                        <p>
                            速卖通<br>
                            自动评价
                        </p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP自动延长收货期"></i>
                        <p>
                            自动延长<br>
                            收货期
                        </p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP自动刊登"></i>
                        <p>自动刊登</p>
                    </li>
                </ul>
                <ul class="row ul9">
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP自动补货"></i>
                        <p>自动补货</p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP智能采购"></i>
                        <p>智能采购</p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP智能配对"></i>
                        <p>智能配对</p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP自动物流"></i>
                        <p>自动物流</p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP自动审核"></i>
                        <p>自动审核</p>
                    </li>
                    <li class="col-xs-2">
                        <i class="animated flipInY delay-1s" data-animate-class="flipInY" data-animate-delay="delay-1s"
                           data-animate="hover" title="外贸ERP自动上架"></i>
                        <p>自动上架</p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="stage-partner">
            <div class="container stage-lazy">
                <div class="text1 animated fadeIn delay-500">合作伙伴</div>
                <div class="row">
                    <div class="col-xs-12">
                        <ul class="list-inline ul1">
                            <li class="animated zoomIn delay-500">
                                <a href="javascript:void(0);" title="ALIExpress">ALIExpress</a>
                            </li>
                            <li class="animated zoomIn delay-500">
                                <a href="javascript:void(0);" title="Wish">Wish</a>
                            </li>
                            <li class="animated zoomIn delay-500">
                                <a href="javascript:void(0);" title="amazon.com">amazon</a>
                            </li>
                            <li class="animated zoomIn delay-500">
                                <a href="javascript:void(0);" title="ebay">eBay</a>
                            </li>
                            <li class="animated zoomIn delay-500">
                                <a href="javascript:void(0);" title="LAZADA">LAZADA</a>
                            </li>
                            <li class="animated zoomIn delay-500">
                                <a href="javascript:void(0);" title="DHGate.com">DHGate</a>
                            </li>
                            <li class="animated zoomIn delay-500">
                                <a href="javascript:void(0);" title="Payoneer">Payoneer</a>
                            </li>
                            <li class="animated zoomIn delay-500">
                                <a href="javascript:void(0);" title="Cdiscount">Cdiscount</a>
                            </li>
                        </ul>
                        <ul class="list-inline ul2">
                            <li class="animated zoomIn delay-500">
                                <a href="javascript:void(0);" title="Shopee">Shopee</a>
                            </li>
                            <li class="animated zoomIn delay-500">
                                <a href="javascript:void(0);" title="TOPHATTER">TOPHATTER</a>
                            </li>
                            <li class="animated zoomIn delay-500">
                                <a href="javascript:void(0);" title="JOOM">JOOM</a>
                            </li>
                            <li class="animated zoomIn delay-500">
                                <a href="javascript:void(0);" title="Factorymarket">Factorymarket</a>
                            </li>
                            <li class="animated zoomIn delay-500">
                                <a href="javascript:void(0);" title="eabuy">eabuy</a>
                            </li>
                            <li class="animated zoomIn delay-500">
                                <a href="javascript:void(0);" title="Walmart">Walmart</a>
                            </li>
                            <li class="animated zoomIn delay-500">
                                <a href="javascript:void(0);" title="Woocommerce">Woocommerce</a>
                            </li>
                            <li class="animated zoomIn delay-500">
                                <a href="javascript:void(0);" title="vova">vova</a>
                            </li>
                        </ul>
                        <ul class="list-inline ul3">
                            <li class="animated zoomIn delay-500">
                                <a href="javascript:void(0);" title="Shopify">Shopify</a>
                            </li>
                            <li class="animated zoomIn delay-500">
                                <a href="javascript:void(0);" title="Magento">Magento</a>
                            </li>
                            <li class="animated zoomIn delay-500">
                                <a href="javascript:void(0);" title="SHOPyy">SHOPyy</a>
                            </li>
                            <li class="animated zoomIn delay-500">
                                <a href="javascript:void(0);" title="顺丰国际">SFEXPRESS</a>
                            </li>
                            <li class="animated zoomIn delay-500">
                                <a href="javascript:void(0);" title="递四方">递四方</a>
                            </li>
                            <li class="animated zoomIn delay-500">
                                <a href="javascript:void(0);" title="燕文">燕文</a>
                            </li>
                            <li class="animated zoomIn delay-500">
                                <a href="javascript:void(0);" title="华磊科技">华磊科技</a>
                            </li>
                            <li class="animated zoomIn delay-500">
                                <a href="javascript:void(0);" title="Kilimall">Kilimall</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <style>
        #footer-index {
            padding-top: 64px;
            background: #2a3139;
            color: #778495;
        }

            #footer-index .title {
                position: absolute;
                font-size: 14px;
                top: -30px;
            }

            #footer-index .qrcode {
                border: 1px solid #778495;
                padding: 5px;
            }
    </style>
    @*<div id="footer-index">
            <div class="container">
                <div class="row">
                    <div class="col-xs-2">
                        <div class="title">客服QQ群</div>
                        <p>wish&速卖通群：750957142</p>
                        <p>京东国际群：299356251 </p>
                        <p>tophatter群：871411454 </p>
                        <p>shopyy 群：871218100 </p>
                    </div>
                    <div class="col-xs-2">
                        <p>Amazon群：707502087</p>
                        <p>cdiscount群：616034937</p>
                        <p>factorymarket群：526939272</p>
                        <p>shopify 群：659863635</p>
                    </div>
                    <div class="col-xs-2">
                        <p>ebay群：523391179</p>
                        <p>shopee群：454326417</p>
                        <p>ezbuy群：871415304</p>
                        <p>magento群：659264389</p>
                    </div>
                    <div class="col-xs-2">
                        <p>Lazada群：326806607</p>
                        <p>JOOM群：697480866</p>
                        <p>woocommerce群：871416079</p>
                        <p>Kilimall群：553795240</p>
                    </div>
                    <div class="col-xs-2">
                        <p>敦煌群：978271044</p>
                        <p>walmart群：666356912</p>
                        <p>vova群：871415914</p>
                        <p>meesho群：709544750</p>

                    </div>
                    <div class="col-xs-2">
                        <div class="title">微信公众号</div>
                        <div>
                            <img class="qrcode" src="//asset.mangoerp.com/img/index2/qrcode.jpg" alt="店掌柜微信公众号">
                        </div>
                    </div>
                </div>
                <div style="text-align:center;margin:64px 0 64px;">
                    Copyright &copy; 2019 &nbsp; 杭州码耘网络技术有限公司 &nbsp; 浙ICP备14029024号-1
                </div>
            </div>
        </div>*@

    <div class="fixed-right animated fadeIn delay-3s">
        <!-- <a class="tools-item qq" href="tencent://message/?uin=2324620434&Site=mangoerp.com&Menu=yes">
            <span>2324620434</span>
        </a> -->
        <a class="tools-item mail" href="mailto:87224088@qq.com">
            <span>87224088@qq.com</span>
        </a>
        <a class="tools-item tel" href="tel:8888888888">
            <span>8888888888</span>
        </a>
        <a class="tools-item top" href="javascript:window.scrollTo(0, 0);"></a>
    </div>

    <script type="text/javascript" src="//asset.mangoerp.com/lib/jquery/jquery-2.1.1.min.js"></script>
    <script>
        function callback() {
            var winHeight = $(window).height();
            var scrollTop = $(window).scrollTop();
            $(".stage-lazy").each(function () {
                var top = $(this).offset().top;
                if (top - scrollTop <= winHeight) {
                    $(this).removeClass('hide');
                } else if (top - scrollTop > winHeight) {
                    $(this).addClass('hide');
                }
            });
        }
        var timeoutRef;
        callback();
        window.addEventListener('scroll', function () {
            if (timeoutRef) {
                clearTimeout(timeoutRef);
            }
            timeoutRef = setTimeout(callback, 50);
        });
        var t;
        $(document).ready(function () {
            $('[data-animate~=hover]').mouseenter(function () {
                var $this = $(this);
                if (t) {
                    clearTimeout(t);
                }
                var classStr = $this.attr('data-animate-class');
                var delayStr = $this.attr('data-animate-delay');
                t = setTimeout(function () {
                    $this.removeClass(delayStr).removeClass(classStr);
                    setTimeout(function () {
                        $this.addClass(classStr);
                    }, 50);
                }, 150);
            }).mouseout(function () {
                if (t) {
                    clearTimeout(t);
                }
            });
        });
    </script>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?42aebcd68f64fd4bd1262648aa52sa51";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</body>
</html>
